<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/commercialList.css">
    <title>列表页</title>
</head>

<body>
    <div class="mobile">
        <header>
            <div class="mmb_logo ">
                <a href="">
                    <img src="../images/header_logo.png" alt="">
                </a>
            </div>
            <div class="download">
                <a href="javascript:;">
                    <img src="../images/header_app.png" alt="">
                </a>
            </div>
        </header>
        <div class="search_box">
            <input type="search" placeholder="请输入你想比价的商品">
            <a href="javascript:;">搜索</a>
        </div>
        <div class="nav">
            <div class="categories">
                <a href="../index.html">首页</a>
                <span>></span>
                <a href="./category.html">全部分类</a>
                <span>></span>
                <a href="">电视</a>
                <span>></span>
            </div>
            <span class="selection">筛选</span>
        </div>
        <div class="list">
            <ul>
                <!-- 填坑专用 -->
                <li>
                    <a href="javascript:;">
                        <div class="pic">
                            <img src="../images/Thumb_2016060015515937123.png">
                        </div>
                        <div class="list_right">
                            <p>乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视</p>
                            <p>￥1999.00</p>
                            <span>报价(6)</span> <span>评论(2286)</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="footer">
            <ul id="pagination-demo" class="pagination-sm"></ul>
        </div>
    </div>
</body>
<script type="text/template" id="listTemp">
    {{each $data value}}
    <li brandId="{{value.brandId}}">
        <a href='./feature.html?productId={{value.productId}}'>
            <div class="pic">
                {{@value.productImg}}
            </div>
            <div class="list_right">
                <p>{{value.productName}}</p>
                <p>{{value.productPrice}}</p>
                <span>{{value.productQuote}}</span> <span>{{value.productCom}}</span>
            </div>
        </a>
    </li>
    {{/each}}
</script>

</html>
<script src="../lib/art-template/template-web.js"></script>
<script src="../lib/jquery/jquery.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../lib/twbs-pagination/jquery.twbsPagination.js"></script>
<script src="../js/commercialList.js"></script>